page,.pageContent{
	height: 100%;
	background-color: #f7f7f7;
	padding-top: 20rpx;
	.empty{
		height: 100%;
		@extend %flexAlCenter;
		background-color: #fff;
		.emptyPic{
			width: 400rpx;
		}
		.emptyText{
			font-size: 26rpx;
			@include textCenter(80rpx)
		}
	}
	.orderItem{
		background-color: #fff;
		margin: 25rpx 24rpx;
		box-shadow: 1rpx 1rpx 10rpx rgba(0,0,0,0.08);
		border-radius: 10rpx;
		padding: 15rpx;
		
		.descption{
			font-size: $uni-font-size-sm;
			color: $uni-text-color-grey;
			padding: 8rpx 24rpx;
			text-indent: 1em;
		}
		.itmeUpper{
			@extend %flexVcenter;
		}
		.goodPic{
			width: 120rpx;
			height: 120rpx;
			margin: 0 10rpx;
			border-radius: 8rpx;
		}
		.ordercontext{
			font-size: 26rpx;
			width: 470rpx;
			margin-left: 20rpx;
			min-height: 180rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			text{
				padding-left: 1em;
			}
			.lineTwo{
				text{
					color: #1d2088;
					font-weight: bold;
				}
			}
			.timerandcode{
				height: 60rpx;
				@extend %flexBetw;
				
				
			}
			.orderTime{
				height: 50rpx;
				line-height: 50rpx;
			}
		}
	}
}